
.twipsy {

	.imagepicker-tip-preview {
		min-height: 16px;
		img {
			max-width: 150px;
			max-height: 150px;
			display: block;
			margin: 0 auto 5px;
			border: 1px solid #333;
		}
	}

	.imagepicker-tip-path {
		word-break: break-all;
	}

	.imagepicker-tip-size{
		margin-bottom: 5px;
	}

	.imagepicker-tip-size, .imagepicker-tip-preview {
		line-height: 1.1em;
		display: block;
		margin: 0 auto;
	}
}
body .articles .article .item-params {

	li {
		display: block;
	}

	.imagepicker-wrapper, .peritempicker-wrapper {
		float: left;

		.single-layout {
			float: left;
			i {
				margin-right: 0;
			}
			&.btn, &.btn:hover, &.btn:active {
				background-image: none;
				background-color: darken(@white, 5%);
				background-color: darken(@white, 15%) e("\9");
				color: rgba(0,0,0,.5);
				.box-shadow(0 0 0 rgba(0, 0, 0, 0) !important);
				cursor: default;
			}
		}

		input.imagepicker, input.peritempicker {
			float: left;
			.border-radius(0);
			margin-right: -1px;
			width: 130px !important;
			&.single {
				width: 143px !important;
			}
		}

		input.peritempicker {
			width: 151px !important;
		}

		a.imagepicker {
			float: left;
			width: 16px;
			height: 16px;
			margin-top: 3px;
		}

		.sprocket-dropdown.imagepicker, .sprocket-dropdown.peritempicker {
			float: left;

			.dropdown-toggle {
				padding: 2px 5px 3px;

				.caret {
					margin-top: 7px !important;
				}
			}
		}
	}

	.peritempicker-noncustom {
		a.modal, a.thickbox, input.imagepicker, input.peritempicker, .dropdown-toggle i {
			display: none;
		}
	}
}

.peritempicker-textarea-wrapper {
	position: relative;
	.box-shadow(0 0 20px rgba(0, 0, 0, 0.2));
	border-bottom: 0;
	.opacity(95);

	.close {
		position: absolute;
		right: 6px;
		top: 3px;
	}

	.peritempicker-textarea {
		width: 350px;
		height: 150px;
		font-size: 12px;
		margin: 0;
		padding: 5px 12px;

		&:focus {
			background: #fff;
		}
	}
}
